<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="../css/goods.css">
    <link rel="stylesheet" href="../css/firstint.css">
</head>

<body>
    <link rel="stylesheet" href="../font_3284096_xdkog32r6d/iconfont.css">
    <div id="header">
        <div class="header-center">
            <div class="logo">
                <a href="../html/firstint.html"><img src="../img/GIF/gif3.gif" alt="" style="height: 70px;width: 70px;padding-left: 30px;"></a>
            </div>
            <div class="list">
                <ul class="list-all">
                    <li>
                        <a href="goods.html">帽子</a> </li>
                    <li>
                        <a href="goods.html">外套</a> </li>
                    <li>
                        <a href="goods.html">裤子</a>
                    </li>
                    <li>
                        <a href="goods.html">背包</a>
                    </li>
                </ul>
            </div>
            <div class="search">
                <input type="text" text="搜索">
                <span class="iconfont icon-sousuo_o"></span>
            </div>
            <div class="user">
                <span class="iconfont  icon-201yonghu_yonghu2" style="font-size: 30px;line-height: 70px;"></span>
                <div style="font-size: 20px;line-height: 70px;text-decoration: none;color: black" class="denglu"><a href="../html/login.html" style="color: black;text-decoration: none;">登录/</a></div>
                <div style="font-size: 20px;line-height: 70px;text-decoration: none;color: black" class="zhuce"> <a href="../html/create.html" style="color: black;text-decoration: none;">注册</a></div>
            </div>
            <div class="shoppingcar">
                <a href="../html/shoppingcar.html" style="text-decoration: none;color: black;"><span class="iconfont icon-gouwuche" style="font-size: 30px;line-height: 70px;"></span></a>
            </div>
            <div class="GPS-mao">

                <div class="GPS-mao-list">
                    <ul>
                        <a href="">
                            <li>
                                palace普通款
                            </li>
                        </a>
                        <a href="">
                            <li>
                                palace联名款
                            </li>
                        </a>

                        </li>
                    </ul>
                </div>
                <div class="GPS-mao-imgs">
                    <ul>
                        <li>
                            <a href="goods.html"><img src="../img/CLOTHESLIST/HATS/HATS4.webp" alt=""></a>
                        </li>
                        <li>
                            <a href="goods.html"><img src="../img/CLOTHESLIST/HATS/HATS5.webp" alt=""></a>
                        </li>
                        <li>
                            <a href="goods.html"><img src="../img/CLOTHESLIST/HATS/HATS6.webp" alt=""></a>
                        </li>
                        <li>
                            <a href="goods.html"><img src="../img/CLOTHESLIST/HATS/HATS8.webp" alt=""></a>
                        </li>
                    </ul>


                </div>
            </div>
            <div class="GPS-jacket">

                <div class="GPS-jacket-list">
                    <ul>
                        <li>
                            <a href="">普通款 </a>
                        </li>
                        <li>
                            <a href="">联名款</a>
                        </li>
                    </ul>
                </div>
                <div class="GPS-jacket-imgs">
                    <img src="../img/CLOTHESLIST/JACKETS/JACKETS1.webp" alt="">
                    <img src="../img/CLOTHESLIST/JACKETS/JACKETS2.webp" alt="">
                    <img src="../img/CLOTHESLIST/JACKETS/JACKETS3.webp" alt="">
                    <img src="../img/CLOTHESLIST/JACKETS/JACKETS4.webp" alt="">
                </div>
            </div>
            <div class="GPS-pants">
                <div class="GPS-pants-list">
                    <ul>
                        <li>
                            <a href="">普通款</a> </li>
                        <li>
                            <a href="">联名款</a> </li>
                        <li>
                </div>
                <div class="GPS-pants-imgs">
                    <img src="../img/CLOTHESLIST/BOTTOMS/BOTTOMS1.webp" alt="">
                    <img src="../img/CLOTHESLIST/BOTTOMS/BOTTOMS2.webp" alt="">
                    <img src="../img/CLOTHESLIST/BOTTOMS/BOTTOMS3.webp" alt="">
                    <img src="../img/CLOTHESLIST/BOTTOMS/BOTTOMS4.webp" alt="">
                </div>
            </div>
            <div class="GPS-bag">
                <div class="GPS-bag-list">
                    <ul>

                        <li>
                            <a href="">普通款</a> </li>
                        <li>
                            <a href="">联名款</a> </li>
                        <li>
                    </ul>
                </div>
                <div class="GPS-bag-imgs">
                    <img src="../img/CLOTHESLIST/BAGS/BAGS1.webp" alt="">
                    <img src="../img/CLOTHESLIST/BAGS/BAGS3.webp" alt="">
                    <img src="../img/CLOTHESLIST/BAGS/BAGS4.webp" alt="">
                    <img src="../img/CLOTHESLIST/BAGS/BAGS6.webp" alt="">

                </div>
            </div>
        </div>
    </div>
    <div class="goods-remind">
        <div class="goods-remind-center"> <a href="">首页 &nbsp;&nbsp;/&nbsp;&nbsp;外套</a></div>
    </div>
    <div class="goods-banner">
        <div class="goods-banner-center">
            <img src="../img/banner/banner5.png" alt="">
        </div>
    </div>
    <div class="goods-coloth">
        <div class="goods-coloth-center">
            <div class="goods-coloth-list">
                <div class="goods-coloth-list-header">goods list</div>
                <ul style="list-style: none;">
                    <a>
                        <li class="maozixiangliebiao">帽子</li>
                    </a>
                    <a class="">
                        <li class="jacketsliebiao">夹克</li>
                    </a>
                    <a class="">
                        <li class="pantsliebiao">裤子</li>
                    </a>
                    <a class="">
                        <li class="bagsliebiao">背包</li>
                    </a>
                </ul>
            </div>
            <div class="goods-coloth-minute">
                <div class="goods-coloth-jacket">
                    <div class="goods-coloth-jacket-header">
                        夹克
                    </div>
                    <div class="goods-coloth-jacket1">
                        <ul>
                        </ul>
                    </div>
                    <div class="goods-coloth-jacket2">
                        <ul>
                        </ul>
                    </div>
                </div>
                <div class="goods-coloth-hat">
                    <div class="goods-coloth-hat-header">
                        帽子
                    </div>
                    <div class="goods-coloth-hat1">
                        <ul>
                        </ul>
                    </div>
                    <div class="goods-coloth-hat2">
                        <ul>
                        </ul>
                    </div>
                </div>
                <div class="goods-coloth-pants">
                    <div class="goods-coloth-pants-header">
                        裤子
                    </div>
                    <div class="goods-coloth-pants1">
                        <ul>

                        </ul>
                    </div>
                    <div class="goods-coloth-pants2">
                        <ul>

                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div>
            <button><a href=" " style="text-decoration: none;"> 更多信息﹀</a></button>
        </div>
    </div>
    <div class="foot ">
        <div class="foot-center ">
            <div class="foot-head ">
                <div class="place ">
                    <span class="iconfont icon-zuobiao " style="font-size: 40px;color: red; "></span>
                    <span>查找店铺</span>

                </div>
                <div class="follow ">
                    <span class="iconfont icon-aite " style="font-size: 40px;color: red; "></span>
                    <span>订阅资讯</span>
                </div>
            </div>
            <div class="survice ">
                <div class="survice-one ">
                    <h3>帮助中心</h3>
                    <ul>
                        <li><a href=" "> 购买须知</a></li>
                        <li>
                            <a href=" ">配送及费用</a>
                        </li>
                        <li>
                            <a href=" ">支付方式</a>
                        </li>
                        <li>
                            <a href=" ">退货政策</a>
                        </li>
                    </ul>
                </div>
                <div class="survice-one ">
                    <h3>我的订单</h3>
                    <ul>
                        <li>
                            <a href=" ">订单查询</a>
                        </li>
                        <li>
                            <a href=" ">关于发票</a>
                        </li>
                    </ul>
                </div>
                <div class="survice-one ">
                    <h3>关于NB</h3>
                    <ul>
                        <li>
                            <a href=" ">品牌故事</a>
                        </li>
                        <li>
                            <a href=" ">隐私政策</a>
                        </li>
                        <li>
                            <a href=" ">使用条款</a>
                        </li>
                    </ul>
                </div>
                <div class="survice-one ">
                    <h3>保持联系</h3>
                    <span class="iconfont icon-weixin " style="font-size: 50px; "></span>
                    <span class="iconfont icon-weibo " style="font-size: 50px; "></span>
                    <br><span style="font-size: 12px; ">客服热线：<br>
                        800-820-2887(请使用固话拨打)<br>
                        400-890-2887(请使用手机拨打)<br>
                        电话服务时间：周一~周五 9AM~6PM（节假日除外）<br>
                        在线服务时间：<br>
                        周一 ~ 周日<br>
                        9AM ~ 10PM<br></span>
                </div>
            </div>

        </div>
    </div>

    <div id="myBtn">↑</div>
</body>

</html>
<script src="../js/cookie.js"></script>
<script src="../js/jquery-3.2.1.min.js"></script>
<script src="../js/GPS.js "></script>
<script>
    $.ajax({
        url: "./PHP/getGoodsList.php ",
        type: 'get',
        data: "typeId=001",
        dataType: "json",
        success: function(res) {
            let str = " ";
            for (let i = 0; i < res.length; i++) {
                str += ` <ul class="woshinidie" goodid=${res[i].goodsId}>
                            <a>
                                    <li>
                                        <img src="${res[i].goodsImg}" alt=" ">
                                        <br><span>${res[i].goodsName}</span>
                                        <br><span>￥${res[i].goodsPrice}</span>
                                    </li>
                                </a>         
                        </ul>
        `
            }
            $('.goods-coloth-jacket1').html(str);
            $('.goods-coloth-jacket2').html(str);
            $('.goods-coloth-jacket ul li').on('click', function() {
                location.href = 'goodsContent.html';
            })
        }
    });
    $.ajax({
        url: "./PHP/getGoodsList.php ",
        type: 'get',
        data: "typeId=002",
        dataType: "json",
        success: function(res) {
            let str = " ";
            for (let i = 0; i < res.length; i++) {
                str += ` <ul class="woshinidie" goodid=${res[i].goodsId}>
                            <a>
                                    <li>
                                        <img src="${res[i].goodsImg}" alt=" ">
                                        <br><span>${res[i].goodsName}</span>
                                        <br><span>￥${res[i].goodsPrice}</span>
                                    </li>
                                </a>         
                        </ul>
        `
            }
            $('.goods-coloth-hat1 ul').html(str);
            $('.goods-coloth-hat2 ul').html(str);
            $('.goods-coloth-hat ul li').on('click', function() {
                location.href = 'goodsContent.html';
            })
        }
    });
    $.ajax({
        url: "./PHP/getGoodsList.php ",
        type: 'get',
        data: "typeId=003",
        dataType: "json",
        success: function(res) {
            let str = " ";
            for (let i = 0; i < res.length; i++) {
                str += `<ul class="woshinidie" goodid=${res[i].goodsId}>
                            <a>
                                    <li>
                                        <img src="${res[i].goodsImg}" alt=" ">
                                        <br><span>${res[i].goodsName}</span>
                                        <br><span>￥${res[i].goodsPrice}</span>
                                    </li>
                                </a>         
                        </ul>
        `
            }
            $('.goods-coloth-pants1 ul').html(str);
            $('.goods-coloth-pants2 ul').html(str);
            // $('.goods-coloth-pants ul li').on('click', function() {
            //     location.href = 'goodsContent.html';
            // })
        }
    });
    $(".goods-coloth-minute").on('click', '.woshinidie', function() { // console.log($(this).attr("goodsid"));

        let id = $(this).attr("goodid");
        location.href = 'goodsContent.html?goods=' + id;
    });
    if (document.cookie) {
        $('.user').html(getCookie('login').split(',')[0])
    } else {
        $('.user').html("palace俱乐部");
        $('.user').on('click', function() {
            location.href = 'create.html';
        })

    }
</script>